<template>
	<view>
		<view class="elseType">
			<view class="elseType-text">
				<view>或者用以下方式登录</view>
			</view>
			<view class="other">
				<view class="other-item">
					<image src="../static/wx.png" mode=""></image>
					<view>微信登录</view>
				</view>
				<view class="other-item">
					<image src="../static/wb.png" mode=""></image>
					<view>微博登录</view>
				</view>
				<view class="other-item">
					<image src="../static/QQ.png" mode=""></image>
					<view>QQ登录</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		onLoad(){
			
		},
		methods:{
			
		}
	}
	
</script>

<style lang="scss" scoped>
	.elseType{
		padding: 20rpx 0;
		.elseType-text{
			display: flex;
			line-height: 0;
			color: gray;
		}
		.elseType-text::after{
			flex: 1;
			height: 2rpx;
			content: "";
			background-color: #cccccc;
		}
		.elseType-text::before{
			flex: 1;
			height: 2rpx;
			content: "";
			background-color: #cccccc;
		}
		.other{
			display: flex;
			padding: 30rpx 0;
			.other-item{
				flex: 1;
				text-align: center;
				color: gray;
				image{
					width: 100rpx;
					height: 100rpx;
				}
			}
		}
	}
	
</style>